---
title: Custom Elements
sidebar:
  label: Custom Elements
description: How to integrate LiveStore with Custom Elements aka Web Components.
---

import { Code } from '@astrojs/starlight/components';
import customElementsCode from '../../../../../../examples/standalone/web-todomvc-custom-elements/src/main.ts?raw'

LiveStore can be used with custom elements/web components.

## Example

See [examples](/examples) for a complete example.

<Code lang="ts" title="src/main.ts" code={customElementsCode} />

